<template>
  <div class="params-info" v-if="Object.keys(itemParams).length !== 0">
    <table>
      <tr v-for="(item, index) in itemParams.info.set" :key="index" class="tr">
        <td class="key">{{ item.key }}</td>
        <td class="value">{{ item.value }}</td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  name: "DetailParamsInfo",
  props: {
    itemParams: {
      type: Object,
      defalut() {
        return {};
      },
    },
  },
};
</script>

<style>
.params-info {
  margin-top: 20px;
  border-top: 2px solid #ccc;
}
.params-info table {
  width: 100%;
  font-size: 16px;
  padding: 20px 20px;
}
.tr {
  height: 50px;
}
.value {
  color: #ff5777;
}
.key {
  width: 60px;
}
</style>